<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../zhengcewenjian.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="main"  style="height: 700px">
    <div class="left" style="width:100px;margin-left:100px;float: left;">
        <div class="card" style="margin-top:20px;height: 350px;width: 250px;">
            <h3 align="center">栏目导航</h3><br>
            <hr style="border:1px solid #ccc;">
            <ul>

                <li  class="this"><a style="cursor: pointer" onclick="parent.page6('专任教师')">专任教师</a></li>
                <hr>
                <hr>
                <li><a style="cursor: pointer" onclick="parent.page6('教学团队')">教学团队</a></li>
                <hr>
                <li ><a style="cursor: pointer" onclick="parent.page6('班导师')">班导师</a></li>
                <hr>
                <li ><a style="cursor: pointer" onclick="parent.page6('辅导员')">辅导员</a></li>
                <hr>

            </ul>
            <br>
        </div>
    </div>
    <div  class="right">
        <div class="title">
            <h2 style="font-weight: bold;color: #0B469F;">师资队伍 | 专任教师</h2>
        </div>
        <!--  专任教师列表-->
        <div id="biuuu_city_list" class="list" style="height: 450px">

            <!--            <div   style="float: left"   >-->
            <!--                <a href="丁三波.html" >-->
            <!--                    <img src="../专任教师/images/丁三波.png"  width="320" height="200" />-->
            <!--                </a>-->
            <!--                <p style="text-align: center">刘作军</p>            </div>-->




            <div class="clear" ></div>
        </div>
        <div style="text-align: center "   id="demo20-3"  ></div>
    </div>

</div>
<div id="footer" class="layui-row" style="height: 100px;background-color: #00477A;">
    <div id="link" align="center" lay-separator="|" style="height:50px;line-height: 50px;">
        <a href="#">河北工业大学</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">人工智能与数据科学学院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">科研院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">本科生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">研究生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">联系我们</a>
    </div>
    <div style="text-align: center;" class="layui-layout-admin layui-footer">
        <p style="color: white">
            COPY RIGHT &copy;&nbsp;&nbsp;&nbsp;天津市北辰区双口镇西平道5340号河北工业大学北辰校区人工智能与数据科学学院知识成果共享平台
            &nbsp;&nbsp;&nbsp;津ICP备350321号
        </p>
    </div>
</div>
<script src="../../layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->


<script>

    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            ,layer = layui.layer;

        var data = [
            '../../人才培养/images/师硕.png',

            '../../人才培养/images/朱叶.png',
            '../../人才培养/images/于洋.png',

            '../../人才培养/images/闫文杰.png',
            '../../人才培养/images/张满囤.png',
            '../../人才培养/images/阎刚.png',

            '../../人才培养/images/许智宏.png',
            '../../人才培养/images/郝小可.png',
            '../../人才培养/images/田红丽.png',

            '../../人才培养/images/郭迎春.png',
            '../../人才培养/images/张军.png',
            '../../人才培养/images/于明.png',

        /*    '../../人才培养/images/顾军华.png',
            '../../人才培养/images/刘恩海.png',
            '../../人才培养/images/何平.png',

            '../../人才培养/images/马建红.png',
            '../../人才培养/images/武优西.png',
            '../../人才培养/images/曹斌.png',*/

            '../../人才培养/images/董永峰.png',
            '../../人才培养/images/刘靖宇.png',
            '../../人才培养/images/林涛.png',

        ];
        var address = [
            '../teachers/软件工程-师硕.html',
            '../teachers/软件工程-朱叶.html',
            '../teachers/软件工程-于洋.html',


            '../teachers/软件工程-闫文杰.html',
            '../teachers/软件工程-张满囤.html',
            '../teachers/软件工程-阎刚.html',


            '#',
            '#',
            '#',

            '#',
            '#',
            '#',




        ];
        var name=[
                ' 师硕',
                '朱叶',
                '于洋',


                '闫文杰',
                '张满囤',
                '阎刚',


                '许智宏',
                '郝小可',
                '田红丽',


                '郭迎春',
                '张军',
                '于明',



                '董永峰',
                '刘靖宇',
                '林涛',



            ]
        ;
        //调用分页
        laypage.render({
            elem: 'demo20-3'
            , count: data.length
            , limit: 6
            , jump: function (obj) {
                //模拟渲染
                document.getElementById('biuuu_city_list').innerHTML = function () {
                    var arr = []
                        , thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
                    layui.each(thisData, function (index, item) {
                        arr.push(' <div   style="float: left"   >\n' +
                            '                <a href="'+address[obj.curr * obj.limit - obj.limit+index]+'" >\n' +
                            '                    <img src="' + item + '"  width="320" height="200" />\n' +
                            '                </a>\n' +
                            '                <p style="text-align: center">'+name[obj.curr * obj.limit - obj.limit+index]+'</p>            </div>');
                    });
                    return arr.join('');
                }();
            }
        });
    });
</script>
</body>
</html>